layui弹窗间的传值（layui弹出层传值）(窗口传值)

2023-08-25 22:07| 来源: 网络整理| 查看: 265

LayUI父窗口向弹出层传递数据可以解决页面中的编辑数据的操作。点击编辑按钮，父窗口传递当前选中行当数据至弹出层，弹出层获取到父窗口传递的数据，接着在弹出层中展示出来。效果如下：弹出层传值成功案例

具体步骤到LayUI官网寻找案例

父窗口向弹出层传值代码我从LayUI官网拷贝下来了：

layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method(); console.log(body.html()) //得到iframe页的body内容 body.find('input').val('Hi，我是从父页来的') } });

以上代码片加入到代码中能立刻见到效果，因为==body.find(‘input’).val(‘Hi，我是从父页来的’)==这一行代码的意思为找到弹出层中的input标签，将val赋值为“Hi，我是从父页来的“。

总结

LayUI的弹出层方法封装得很好，掌握了这一个方法可以实现快速的给弹出层赋值。感谢你的阅读，希望这篇文章对你有小小的帮助。我是黑马Jack，一起学习一起进步！

【本文地址】

公司简介

联系我们